<div id="list">
	<h3>大牛列表</h3>
	<div class="layui-row" style="margin-left: 30px;">
		<div class="layui-col-md6 layui-col-xs6 " ng-repeat="x in shopList" style="margin-bottom: 30px;">
			<div class="box">

				<div class="layui-row">
					<div class="layui-col-md3 layui-col-xs3" ng-click="moreList(x.mtLogin,x.name,x)">
						<div class="layui-col-md5 layui-col-xs5">
							<img alt="" class="tx" ng-src="{{x.danielIcon || 'img/timg.png'}}" />
						</div>
						<div class="layui-col-md7 layui-col-xs7">
							<p style="color: #000000;" class="textCenter">{{x.name}}</p>
						</div>
					</div>
					<div class="layui-col-md3 layui-col-xs3" ng-click="moreList(x.mtLogin,x.name,x)">
						<div class="layui-col-md6 layui-col-xs6">
							<p class="textRight">总收益($)</p>
						</div>
						<div class="layui-col-md6 layui-col-xs6">
							<p ng-if="x.totalProfit>0" class="green textCenter">{{x.totalProfit |number:2 }}</p>
							<p ng-if="x.totalProfit<0" class="red textCenter">{{x.totalProfit |number:2 }}</p>
							<p ng-if="x.totalProfit==0" class="yellow textCenter">{{x.totalProfit |number:2 }}</p>
						</div>
					</div>
					<div class="layui-col-md3 layui-col-xs3" ng-click="moreList(x.mtLogin,x.name,x)">
						<div class="layui-col-md6 layui-col-xs6">
							<p class="textRight">上月盈利($)</p>
						</div>
						<div class="layui-col-md6 layui-col-xs6">
							<p ng-if="x.lastMonthProfit>0" class="green textCenter">{{x.lastMonthProfit ||0 |number:2 }}</p>
							<p ng-if="x.lastMonthProfit<0" class="red textCenter">{{x.lastMonthProfit ||0 |number:2 }}</p>
							<p ng-if="x.lastMonthProfit==0" class="yellow textCenter">{{x.lastMonthProfit ||0 |number:2 }}</p>
						</div>
					</div>
					<div class="layui-col-md3 layui-col-xs3">
						<button class="gen" ng-click="changeSet(0,x.mtLogin)" ng-if="x.relation==0">更改交易设置</button>
						<button class="change" ng-click="changeSet(1,x.mtLogin)" ng-if="x.relation==1" ng-disabled="dontGen">跟单交易 </button>
					</div>

				</div>
			</div>
		</div>
		<!--<nav aria-label="Page navigation" >
			<ul class="pagination">
				<li ng-init="shop.listMore=1">
					<a href="javascript:;"  ng-class="{activePage:shop.listMore==begin}"  ng-click="begain(begin)">
						&laquo;
					</a>
				</li>
				
				<li ng-repeat="x in numArr">
					<a href="javascript:;" ng-class="{activePage:shop.listMore==x}" ng-click="changePag(x)" >{{x}}</a>
				</li>
				
				<li>
					<a href="javascript:;" ng-class="{activePage:shop.listMore==after}"  ng-click="after(after)">
						&raquo;
					</a>
				</li>

			</ul>
		</nav>-->
		
			<div class="pagination-holder clearfix" style="position: absolute;right: 20px;bottom: -20px;">

				<div id="light-pagination" class="pagination"></div>

			</div>
		

	</div>

	<script type="text/javascript">
		var appElement = document.querySelector('[ng-controller=moreController]');

		var $scope = angular.element(appElement).scope();
		        console.log($scope.shop.total)
		$('#light-pagination').pagination({
			pages: $scope.shop.total,
			cssStyle: 'light-theme',
			ellipsePageSet: true,
			onPageClick: function(pageNumber, event) {
				$scope.changePag(pageNumber)
			}
			,
			onInit:function(){
				$scope.changePag(1)
			}

		});
		//			alertNew("跟单设置", 700, 560, $("#genSet"));
	</script>